 html, body {
        position: relative;
        height: 100%;
}
body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
}
#slide{
    width: 100%;
    height: 100%;
}
#slide .swiper-container {
    width: 100%;
    height: 100%;
}
#slide .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: url('../images/animation/bg.jpeg') no-repeat left top;
}

#slide .swiper-container {
  /*  width: 320px;
    height: 480px;*/
	width: 100%;
    height: 100%;
	background:#fff;
}  
#slide .swiper-slide{
	width:100%;
	height:100%;
	background: url('../images/animation/bg.jpeg') no-repeat left top;
	background-size:100% 100%;
}
#slide img{
	display:block;
}
#slide .swiper-pagination-bullet {
width: 6px;
height: 6px;
background: #fff;
opacity: .4;
}
#slide .swiper-pagination-bullet-active {
    opacity: 1;
}
@-webkit-keyframes tipmove{0%{bottom:10px;opacity:0}50%{bottom:15px;opacity:1}100%{bottom:20px;opacity:0}}
#slide .ani{
	position:absolute;
	}
#slide .txt{
	position:absolute;
}
#slide #array{
	position:absolute;z-index:999;-webkit-animation: tipmove 1.5s infinite ease-in-out;
}

#slide #enter{
    width: 100px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    background: burlywood;
    border-radius:5px;
    cursor: pointer;
}





